<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				// attr css 1获取 2设置
				// $("li:contains(3)").css("color","red") (括号里是内容)
				// $("li:has(span)").css("color","green")	（括号里是选择器）
				 // $("li:empty").css("color","blue")
				 // $("li:parent").css("color","#ffff00")
				 // $("div div:visible").css("background-color","red")
				 // var id= $(".div").attr("data-id")
				 // console.log(id)
				 // $(".div").attr("data-id","2")
				 // var ch1=$(":checkedbox:eq(3)").attr("cheked")
				 // console.log(typeof ch1)
				 
				 // if(ch1 == "checked"){
					 
				 // }
				 // var ch2 = $(":checkedbox:eq(3)").prop("checked")
				 // console.log(ch2)
				 
				 // if(ch2 == true){
					 
				 // }
				 //  var ch2 = $(":checkedbox:eq(3)").prop("checked",false)
				  
				 //  //0 获取 	1 设置
				 //  // html()    html代码
				 //  // txt()		文本内容
				 //  //val()		交互控件的值
				 //  $(".div").html()
				 console.log( $(".div").html())
				 console.log( $(".div").text())
				 console.log( $(".div").val())
				 console.log( $(":checkbox:eq(0)").val())
				 $(":checkbox:eq(0)").val("2")
				 $(".div").html("<h1>123</h1>")
			})
		</script>
	</head>
	<body>
		
		<div class="div" data-id="1" value="111" >这是一个div<span>div</span></div>
		<input type="checkbox" value="333" checked="足球" />
		<input type="checkbox" checked="" />
		<input type="checkbox" checked="checked" />
		<input type="checkbox" checked="55989" />
		<!-- <ul>
			<li>列表1</li>
			<li>列表2</li>
			<li><span>列表3</span></li>
			<li>列表4</li>
			<li>列表5</li>
			<li></li>
		</ul>
		<div>
			<div style="width: 100px;height: 100px;background-color: aqua; display: none;" >
			</div>
			<div style="width: 100px;height: 100px;background-color: antiquewhite; visibility: hidden;">
			</div>
		</div> -->
	</body>
</html>
